<!-- 导航栏 -->
<!-- 为了解构App.vue，用户可以通过导航栏进入不同的界面 -->
<!-- 主要是vue-router -->

<template>
    <div id="header-content" ref="content">
        <div id="header-menu-list">
            <ul id="header-menu-ul">
                <li :class="{ seleced: $route.path === '/' }">
                <router-link to="/">首页</router-link>
                </li>
                <li :class="{ seleced: $route.path === '/chat' }">
                <router-link to="/chat">聊天室-需求中心</router-link>
                </li>
            </ul>
        </div>
    </div>
    
</template>
<script setup lang="ts">


</script>
<style scoped>
@import "../style/nav.css"

</style>